<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="http://imaboy.gitee.io/universal-ico/favicon.ico" >
    <title>我的手表</title>
    <style>
        .container1{
            flex-direction: column;
            display: flex;
            justify-content: center;
            align-items: center;   
            left: 0px;
            top:0px;         
            width: 454px;
            height: 454px;
			border: 25px solid black;
            background-color: black;
			background-image: url(image/human.gif);
			background-size:200px 200px;
            border-radius: 50%;
        }     
        .box {
            color: blue;
            font-size: 2rem;
            text-align: center;
        }
		.txt{
			color: blue;
            font-size: 6rem;
            text-align: center;
		}
    </style>
</head>

<body>
    <div class="container1">  
        <div class="box">
			<div class="txt" id="txt">57</div>
            <p class="one" id="one">请保持静止，剩余57秒</p>
        </div>
    </div>
    <script>    
        var x = 57;
        var timer = setInterval(countDown, 1000);

        function countDown() {
           x--;
           
            if (x==0) {
                location.href='bg.html';
            }  else
            {
                document.getElementById("one").innerHTML='请保持静止，剩余'+x+'秒';
				document.getElementById("txt").innerHTML=x;
			}
        }
    </script>
</body>



</html>